/*
 * @Author: lhl 1079161148@qq.com
 * @Date: 2024-04-04 13:48:46
 * @LastEditors: lhl 1079161148@qq.com
 * @LastEditTime: 2024-04-04 14:33:51
 * @FilePath: \net-cloud-music\postcss.config.cjs
 * @Description: postcss配置
 */
// 如果设计稿的尺寸不是 375，而是 750 或其他大小，可以将 rootValue 配置调整为
module.exports = {
  plugins: {
    autoprefixer: {
      // 所有主流浏览器最近2版本用
      overrideBrowserslist: [
        'Android 4.1',
        'iOS 7.1',
        'Chrome > 31',
        'ff > 31',
        'ie >= 8',
        'last 2 versions'
      ],
      // 兼容grid布局
      grid: true
    },
    // postcss-pxtorem 插件的版本需要 >= 5.0.0
    // 750宽的设计稿 750/10 = 75 自己的样式
    // 375宽的设计稿 375/10 = 37.5 vant的样式
    'postcss-pxtorem': {
      rootValue({ file }) {
        return file.indexOf('vant') !== -1 ? 37.5 : 75
      },
      unitPrecision: 5,
      // 除 xxx 外所有px 转 rem 下面即是除 border 都转 rem
      propList: ['*', '!border'],
      // 忽略掉以xx开头的类名不进行rem转换 可以是正则表达式或字符串
      selectorBlackList: [],
      // 是否在媒体查询中转换px
      mediaQuery: false,
      // 小于或等于该值的像素单位不被转换
      minPixelValue: 0,
      // 忽略 node_modules 这里的不需要进行单位转换的文件
      exclude: /node_modules/i
    }
  }
}
